<template>
      <div class="home">
          <!-- 优惠券 -->
             <ul>
                 <li class="list_box" >
                     <div class="box_line">
                        <div class="box_top">
                             <div class="sun_top">
                                 ￥ <span>100.00</span> <br>
                                 <span>满减劵</span>
                             </div>
                             <div class="sun_rig">
                               <p>梁品铺子通用零食抵用卷6元</p>
                               <p style="font-size:15px;">测试</p>
                               <div>有效期至: <span>2019-28-12</span> </div>
                             </div>
                        </div>
                        <div class="box_bom">
                            <span>满50.00可使用</span>
                         <router-link to="" >立即使用</router-link>
                        </div>
                     </div>
                 </li>
                 <li class="list_box" >
                     <div class="box_line">
                        <div class="box_top">
                             <div class="sun_top">
                                 ￥ <span>100.00</span> <br>
                                 <span>满减劵</span>
                             </div>
                             <div class="sun_rig">
                               <p>梁品铺子通用零食抵用卷6元</p>
                               <p style="font-size:15px;">测试</p>
                               <div>有效期至: <span>2019-28-12</span> </div>
                             </div>
                        </div>
                        <div class="box_bom">
                            <span>满50.00可使用</span>
                         <router-link to="" >立即使用</router-link>
                        </div>
                     </div>
                 </li>
                 
             </ul>


             <!-- 畅游卡 -->
             <ul>
                 <li class="changyou" @click="card()">
                      <div class="jianrong">畅游北京朝阳购物卡</div>
                      <div class="lin">
                          <div class="textleft">
                                 <div class="riqi">*开卡日期：2018-8-12</div>
                                 <div style="margin-top:8px;" class="riqi">*有效日期：2019-8-12</div>
                                 <div style="margin-top:8px;" class="riqi">*每个商品仅限使用一次</div>
                          </div>
                          <div class="textright">
                                   <div class="yue">余额</div>
                                   <div class="price">3000
                                       <span style="font-size:15px; font-weight: bold;">元</span>
                                   </div>
                          </div>
                      </div>
                 </li>
             </ul>
         </div>
</template>

<script>
export default {
   data(){
       return{
           
       }
   },
   mounted () {
      
       this.info()
   },
   methods:{
       card(){
            this.$router.push({path:'new_swim'})  
       },
         info(){
           
       },
   }
}
</script>

<style>
@import "../../assets/business/css/new_vitacart.css";

</style>
